<template>
  <div>
    <van-form>
      <van-field placeholder="张三" label="姓名" />
      <van-field name="radio" label="单选框">
        <template #input>
          <van-radio-group v-model="radio" direction="horizontal">
            <van-radio name="1">单选框 1</van-radio>
            <van-radio name="2">单选框 2</van-radio>
          </van-radio-group>
        </template>
      </van-field>
      <van-field label="地区" v-model="location" disabled></van-field>
      <van-field label="证件类型" v-model="cardType" disabled></van-field>
      <van-field
        label="证件号码"
        v-model="idCard"
        placeholder="*************"
      ></van-field>
    </van-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      realname: "",
      idCard: "",
      sex: "",
      birthday: "",
      location: "中国大陆",
      cardType: "身份证",
      cardTimeOut: "",
      showCalendar: false,
      value: "",
      radio: '1',
    };
  },
  methods: {
    onConfirm(date) {
      this.value = `${date.getMonth() + 1}/${date.getDate()}`;
      this.showCalendar = false;
      // state.value = `${date.getMonth() + 1}/${date.getDate()}`;
      // state.showCalendar = false;
    },
  },
};
</script>

<style lang="sass" scoped>
</style>